<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- SEO 基础标签 -->
    <title>个人作品集 - Full Stack Developer | Web开发者</title>
    <meta name="description" content="展示我的前端开发项目、技术能力和工作经验。精通 Vue.js、React、Node.js 等现代 Web 技术栈。">
    <meta name="keywords" content="前端开发,全栈开发,Vue.js,React,个人作品集,Web开发,JavaScript,TypeScript">
    <meta name="author" content="你的名字">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://yoursite.com/">
    <meta property="og:title" content="个人作品集 - Full Stack Developer">
    <meta property="og:description" content="展示我的前端开发项目、技术能力和工作经验">
    <meta property="og:image" content="https://yoursite.com/og-image.jpg">
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://yoursite.com/">
    <meta name="twitter:title" content="个人作品集 - Full Stack Developer">
    <meta name="twitter:description" content="展示我的前端开发项目、技术能力和工作经验">
    <meta name="twitter:image" content="https://yoursite.com/twitter-card.jpg">
    
    <!-- Favicon -->
    <link rel="icon" href="/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    
    <!-- Theme Color -->
    <meta name="theme-color" content="#3b82f6">
    <meta name="theme-color" content="#1e293b" media="(prefers-color-scheme: dark)">
    
    <!-- 防止搜索引擎索引开发环境（生产环境时删除此行） -->
    <!-- <meta name="robots" content="noindex, nofollow"> -->
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
